<form method="post">
<article class="module width_full">
    <header><h3>{#title#}</h3></header>
    <table width="100%" cellpadding="3" cellspacing="1">
            <tbody>
                    <tr>
                            <th align="center" class="header"><a href="index.php?mod=options">{#main#}</a></th>
                            <th align="center" class="header"><a href="index.php?mod=options&page=modules">{#modules#}</a></th>
                            <th align="center" class="header"><a href="index.php?mod=options&page=misc">{#misc#}</a></th>
                            <th align="center" class="header"><a href="index.php?mod=options&page=access">{#access#}</a></th>
                    </tr>
            </tbody>
    </table>
        <table width="100%" cellpadding="3" cellspacing="1">
                <tbody>
                        <tr>
                                <th align="left" colspan="2" class="header">{#update#}</th>
                        </tr>
						<tr>
                                <td class="body">{$checked}</td>
                                <td class="body">{$version}</td>
                        </tr>
				</tbody>
		</table>
		{literal}
			<script type="text/javascript">

			var xhr;
			var loadUrl = function(url) {
            $(document).ready(function() {
                $("#backup").modal({close:false});
            });
				if ( xhr && xhr.readyState > 0 && xhr.readyState < 4 ) {
					// there is a request in the pipe, abort
					xhr.abort();    
				}
				xhr = $.get(url, function() {
					$.modal.close();
					$("#done").modal();
				});
			};
			</script>
		{/literal}
        <table width="100%" cellpadding="3" cellspacing="1">
                <tbody>
                        <tr>
                                <th align="left" colspan="3" class="header">{#backup#}</th>
                        </tr>
						<tr>
                                <td>
									<a href="#" onclick="loadUrl('index.php?mod=options&backup=game')"><input type="button" class="alt_btn" value="{#gameserver#}" /></a>
									<a href="#" onclick="loadUrl('index.php?mod=options&backup=login')"><input type="button" class="alt_btn" value="{#loginserver#}" /></a>
									<a href="#" onclick="loadUrl('index.php?mod=options&backup=cms')"><input type="button" class="alt_btn" value="{#cms#}" /></a>
								</td>
						</tr>
				</tbody>
		</table>
        <table width="100%" cellpadding="3" cellspacing="1">
                <tbody>
                        <tr>
                                <th align="left" colspan="2" class="header">{#main#}</th>
                        </tr>

                        <tr>
                                <td class="body">{#ip_server#}</td>
                                <td class="body"><input type="text" name="ip_server" value="{$ip_server}"/></td>
                        </tr>
                        <tr>
                                <td class="body">{#game#}</td>
                                <td class="body"><input type="text" name="game" value="{$port_gameserver}"/></td>
                        </tr>
                        <tr>
                                <td class="body">{#login#}</td>
                                <td class="body"><input type="text" name="login" value="{$port_loginserver}"/></td>
                        </tr>
                        <tr>
                                <td class="body">{#teamspeak#}</td>
                                <td class="body"><input type="text" name="teamspeak" value="{$ip_teamspeak}"/></td>
                        </tr>
                        <tr>
                                <td class="body">{#teamspeak_port#}</td>
                                <td class="body"><input type="text" name="teamspeak_port" value="{$port_teamspeak}"/></td>
                        </tr>

                </tbody>
        </table>
        <footer>
            <div class="submit_link">
                <input type="submit" value="{#submit#}"  name="submit" class="alt_btn">
            </div>
        </footer>
</article>
</form>
<div class="modal" id="edited">
        <h3>{#edited#}</h3>
	<p>{#success_edited#}</p>
</div>
<div class="modal" id="backup">
        <h3>{#backup#}</h3>
	<p><img src="http://jqueryui.com/demos/autocomplete/images/ui-anim_basic_16x16.gif" style="float:left;"/>&nbsp;&nbsp;{#backup_text#}</p>
</div>
<div class="modal" id="done">
        <h3>{#done#}</h3>
	<p>{#backup_done#}</p>
</div>